<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			:link{
				color: springgreen;
			}
			
			a:visited{
				color: red;
			}
			
			.p1:active{
				background: pink;
			}
			
			input:focus{
				background: pink;
			}
			
			.p2::selection{
				color: red;
			}
		</style>
	</head>
	<body>
		:link的使用<br />
		<a href="">百度一下</a>
		<br />
		:visited的使用<br />
		<a href="">百度一下</a>
		<br /><br />
		:active的使用<br />
		<p class="p1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus qui velit iure aperiam explicabo consectetur hic? Nobis libero itaque quis nemo debitis obcaecati atque alias reiciendis dicta dignissimos explicabo fugiat.</p>
		
		<br />
		
		:focus的使用<br />
		<input type="text" /><br />
		<br />
		::selection的使用
		<br />
		<p class="p2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae repellendus dolor cupiditate unde nisi inventore mollitia fuga quod autem odit voluptatum nemo numquam commodi aliquid laboriosam rem hic officia quibusdam?</p>
	</body>
</html>
